IBM Plex Sans JPにおける拡張ラテン文字に対する対応
#UserCSS
問題
IBM Plex Sans JPは拡張ラテン文字を持っていない　
IBM Plex SansとIBM Plex Sans JPで異なる表示のされ方をする文字
IBM Plex Sansは持っている
IBM Plex Sans JPのラテン文字は105%大きめにされている
つまりfont-family: 'IBM Plex Sans JP','IBM Plex Sans',...としただけでは、拡張ラテン文字は少しだけ小さくなる
Google Fontsでimportしたフォントに対して@font-faceが機能しない
size-adjustを設定したいのに
解決策
@importしているでフォントの適用範囲の設定がされているため、それをコピペしてきてsize-adjustを設定する
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap');の代わりにこれをやるということ
code:style.css
/* latin-external from https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap*/
@font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
size-adjust: 105%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v22/zYXGKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1swZSAXcomDVmadSD6llDCag4poY.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
できればfont-family: 'IBM Plex Sans','IBM Plex Sans JP',...の順で設定してそれをやりたかったのだけど、何故かかなり下側に移動したので断念
font-family: 'IBM Plex Sans JP','IBM Plex Sans',...の順番でLatin-extのみを105%大きくするのは問題なかった
なんなんだ
https://fonts.google.com/specimen/IBM+Plex+Sans?preview.text=Ǣ
https://gyazo.com/5e050d9ed057652d87e65bf5ae4bbc15
え？
この辺まだ対応しきれてないな
もうIBM Plex Sans使うの辞めるべきか？